

.html_carousel, .html_carouselSection {
	position: relative;
}

.html_carouselSection div.slide
{
	width: 480px;
	_width: 478px;
	height: 286px;
	position: relative;
	float:left;
	border:1px solid #dddddd;
	
}
.html_carouselSection div.slide a
{
text-decoration:none;
}
.html_carousel div.slide
{
	width: 565px;
	height: 375px;
	position: relative;
	float:left;
	border:1px solid #dddddd;
	border-right:none;
	}

.html_carousel div.slide div
{
	background-color: rgb(0, 0, 0);
	background:url("../images/ntbg.png");
	width: 565px;
	height:80px;
	margin-bottom:12px;
	position: absolute;
	bottom: 0;
}


.html_carouselSection div.slide div
 {
	background-color: rgb(0, 0, 0);
	background:url("../images/ntbg.png");
	width: 480px;
	height:80px;
	margin-bottom:12px;
	position: absolute;
	bottom: 0;
	z-index:999;
}

.html_carousel div.slide div h4,
.html_carouselSection div.slide div h4
 {
	padding-left:15px;
	margin-top:4px;
	margin-bottom:0px;
	font-family:"microsoft yahei";
    font-size:20px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
}

.html_carouselSection div.slide p, 
.html_carousel div.slide p 
{
	font-size: 16px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#ffffff;
    padding-left:15px;
    padding-top:2px;
    width:460px;

}

#foo4_pag {
    height:15px;
    position:relative;
    float:left;
    margin-left:-95px;
    margin-top:335px;
    width:95px;
}

#foo2_pag {
    height:15px;
    position:relative;
    float:left;
    margin-left:-20px;
    /*margin-top:345px;*/
    width:95px;
    z-index: 1000;
}


#foo4_pag a {
    background:url("../images/miscellaneous_sprite.png") no-repeat scroll 0 transparent;
    display:inline-block;
    height:15px;
    width:23px;
}

#foo2_pag a {
    background:url("../images/sectionCarouselSelector.png") no-repeat scroll 0 transparent;
    display:inline-block;
    height:72px;
    width:199px;
    text-decoration:none;
    color: #474747;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#foo4_pag a.selected {
    background-position:-25px;
    cursor:default;
    text-decoration:none;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#foo2_pag a.selected {
    background-position:-200px;
    cursor:default;
    color:#ffffff;
}

#foo4_pag a span {
    display:none;   
}


#foo2_pag a span p
{
    text-decoration:none;
    font-size:14px;
    font-weight:bold; 
    line-height:20px;
    margin: 15px 6px 0px 32px;
}


div.caroufredsel_wrapper 
{
    float:left;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}




/* ---------- basic theme: these are the most necessary styles --------------------------------- */

.scrollbar-pane {
    margin-right: 18px;
}

.scrollbar-pane p
{
    font-family:Arial; 
    font-size:12px; 
    font-weight:normal; 
    color:#cccccc; 
    width:365px;
    padding:0px;
    margin:0px;
}

.scrollbar-handle-container {
    background: #222222;
    width: 18px;
}

.scrollbar-handle {
    width: 18px;
    background: #4c4c4c;
}

.scrollbar-handle:hover {
    background: #4c4c4c;
}

.scrollbar-handle.move {
    background: #4c4c4c;
}

.scrollbar-handle-up {
    width: 18px;
    height: 20px;
    background: #4c4c4c;
    background-image: url("../images/arrow-up.jpg");
}

.scrollbar-handle-up:hover {
    background: #4c4c4c;
    background-image: url("../images/arrow-up.jpg");
}

.scrollbar-handle-down {
    width: 18px;
    height: 20px;
    background: #4c4c4c;
    background-image: url("../images/arrow-down.jpg");
}

.scrollbar-handle-down:hover {
    background: #4c4c4c;
    background-image: url("../images/arrow-down.jpg");
}

.css-scrollbar
{
    width:396px;
    height:295px;
    overflow:hidden;
    float:left;
    margin: 3px 5px 0px 22px;
}



.TitleInTab, .TitleInTab a, .TitleInTab a:visited
{
    font-family:Arial; 
    font-size:12px; 
    font-weight:bold; 
    color:#ffffff; 
    width:365px;
    padding:0px;
	line-height:30px;
    margin:0px;
}

.DeckInTab, .DeckInTab p, .DeckInTab a, .DeckInTab a:visited
{
    font-family:Arial; 
    font-size:12px; 
    font-weight:normal; 
    color:#999999; 
    width:365px;
    padding:8px 0;
    margin:0px;
}
.TitleInTab a.TabTitle{ color:#FFFFFF; font-size:12x; font-weight:bold}



.LineInTab
{
    color:#424242; 
    background-color:#424242;
    border: 0;
    height: 1px; 
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:423px;
	height:40px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../images/tab_panes.jpg) no-repeat;
	display:block;
	height: 40px;   
	/*width: 140px; */
	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#ffffff;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size:14px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; width:140px;	}
#flowtabs #t2 			{ background-position: -140px 0; width:140px;}
#flowtabs #t3 			{ background-position: -280px 0; width:140px;}

 
/* mouseover state */
#flowtabs a:hover 		{ color:#ffffff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -40px; width:140px;	}
#flowtabs #t2:hover 	{ background-position: -140px -40px; width:140px;}
#flowtabs #t3:hover 	{ background-position: -280px -40px; width:140px;}

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#ffffff; line-height:40px; 	}
#flowtabs #t1.current { background-position:      0 -80px; width:140px;}
#flowtabs #t2.current { background-position: -140px -80px; width:140px;}
#flowtabs #t3.current { background-position: -280px -80px; width:140px;}


/* panes */
#flowpanes {
	background: url(../images/tab_panes.jpg) no-repeat 0 -120px;		
	width:420px;
	height:326px;
	position:relative;
	overflow:hidden;
	clear:both;
	padding-top:10px;	
}


/* single pane */
#flowpanes div {	
	
    float:left;
    font-size:14px;
/*    overflow-y:scroll; */
    
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

/*
#flowpanes a {
    font-family:Arial; 
    font-size:12px; 
    font-weight:normal; 
    color:#cccccc; 

}
*/

#flowpanes .narrow {
	padding-right:160px;		
}

#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}


.dropdown dt a {
    background:#777777 url("../images/arrow.png") no-repeat scroll right center; 
    display:block; 
    padding-right:27px; 
    width:235px; 
    height:24px; 
    line-height:12px;
}

#tabLinkDiv a, #tabLinkDiv a:visited {
    text-decoration:underline;
    color:#ffffff;
    font-size:12px;
}

#tabLinkDiv span {
    color:#ffffff;
    font-size:12px;
}

#tabLinkDiv {
    margin: 0px 0px 0px 292px; 
    color: #ffffff;
    font-size:12px;
}

.desc  {
    color:#6b6b6b;
}

.desc a {
    color:#0092dd;
}

.dropdown {
    margin-top:-37px; 
    margin-left:22px; 
    position:absolute;
}

.dropdown dd, .dropdown dt, .dropdown ul  {
    margin:0px; 
    padding:0px; 
}

.dropdown dd { 
    position:relative; 
}

.dropdown a, .dropdown a:visited { 
    color:#ffffff; 
    text-decoration:none; 
    outline:none;
}

.dropdown a:hover { 
    color:#ffffff;
}

.dropdown dt a:hover { 
    color:#ffffff;
}
        
.dropdown dt a span {
    cursor:pointer; 
    display:block; 
    padding:5px;
}

.dropdown dd ul { 
    background:#777777 none repeat scroll 0 0; 
    color:#C5C0B0; 
    display:none;
    left:0px; 
    padding:5px 0px; 
    position:absolute; 
    top:2px; 
    width:auto; 
    min-width:262px; 
    list-style:none;
}

.dropdown span.value { 
    display:none;
}

.dropdown dd ul li a  {
    padding:5px; display:block;
}

.dropdown dd ul li a:hover  {
    background-color:#d0c9af;
}
        